$(function(){
    $("#menubanner-slider").slidebox({
        boxh: 430, //盒子的高度
        w: 1000, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 2, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 24, //控制按钮宽度
        controlsH: 24, //控制按钮高度
        radius: 12, //控制按钮圆角度数
        controlsColor: "#d8d8d8", //普通控制按钮的颜色
        controlsCurrentColor: "#f60" //当前控制按钮的颜色
    });
    $(".clothing-slider").slidebox({
        boxh: 500, //盒子的高度
        w: 1132, //图片的宽度
        h: 472, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 2, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6, //控制按钮圆角度数
        controlsColor: "#d8d8d8", //普通控制按钮的颜色
        controlsCurrentColor: "#f60" //当前控制按钮的颜色
    });
    $('.accordion-over ul li').on({
        'mouseover':function(){
            $(this).addClass('active').siblings().removeClass('active')
        }
    })
    $('.accordion li').on('mouseover', function() {
        $(this).find('h4').hide().next('div').show().closest('li').siblings('li').find('h4').show().next('div').hide()
    })
    $('.control span').mouseover(function() {
        $(this).closest('.container').find('.clothing-slider').eq($(this).index()).show().siblings('.clothing-slider').hide()
        $(this).addClass('active').siblings().removeClass('active')
    })

    $('.exercise-box-body li').eq(0).clone().appendTo('.exercise-box-body')
    let index = 0;
    let liheight = $('.exercise-box-body li').height();
    let lilength = $('.exercise-box-body li').length;
    $('.project-title-btn').on('click',function(){
        if(index<3){
            index++;
        }
        $('.exercise-box-body').stop().animate({'top':-index*liheight},300,function(){
            console.log(index)
            if(index >= lilength-1){
                index = 0;
                $('.exercise-box-body').css('top',0)
            }
        })
    })
    $(window).on({
        // 滚轮滑动
        'scroll':function(){
            // 滚轮滑动大于550的时候就将头部的搜索框给到.search-box
            if($(this).scrollTop()>550){
                $('.search-box').slideDown()
                $('.head-search-body').appendTo('.search-box')
            }else{
                $('.search-box').slideUp()
                $('.head-search-body').appendTo('.head-search')
            }
        }
    })
})